    <include file="application/walletyhbbadmin/view/public/left.html" />
<script src="__PUBLIC__/js/ueditor/ueditor.config.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/ueditor/ueditor.all.min.js" type="text/javascript"></script>
<style>
    .add_icon {
        width: 120px;
        height: 30px;
        margin-right: 5px;
    }
    .add_icon input,.add_icon_input {
        width: 80px;
        height: 20px;
    }
    .delete_icon {
        width: 30px;
        height: 100%;
        line-height: 25px;
        display: inline-block;
        position: absolute;
        right: 0;
        text-align: center;
        border: 1px solid #dbdbdb;
        box-sizing: border-box;
        font-size: 15px;
        border-left: 0;
    }
</style>
<div id="dcMain">

    <!-- 当前位置 -->
    <div id="urHere">管理中心<b>></b><strong>添加图片</strong> </div>
    <div class="mainBox" style="height:auto!important;height:550px;min-height:550px;">
        <h3>添加图片</h3>
        <form action="{:U('Goods/goods_add')}" method="post" enctype="multipart/form-data" id="myform" name="myform">
            <input type="hidden" name="type_num" value="0" class="type_num">
            <table width="100%" border="0" cellpadding="8" cellspacing="0" class="tableBasic">


                <tr>
                    <td align="right" valign="top">图片分类：</td>
                    <td>
                        <select name="sort" id="sort">
                                <option value="1">首页图片</option>
                                <option value="0">轮播首页图</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td align="right" valign="top">图片添加：</td>
                    <td>
                        <input type="file" name="c_pic" value="" style="border: 1px solid #CCCCCC; height: 30px;width: 300px;"> 推荐上传1423px * 440px<br/><br/>
                        <script>
                            KindEditor.ready(function(K) {
                                var editor1 = K.create('textarea[name="content"]', {
                                    cssPath : '../plugins/code/prettify.css',
                                    uploadJson : '../php/upload_json.php',
                                    fileManagerJson : '../php/file_manager_json.php',
                                    allowFileManager : true,
                                    afterCreate : function() {
                                        var self = this;
                                        K.ctrl(document, 13, function() {
                                            self.sync();
                                            K('form[name=example]')[0].submit();
                                        });
                                        K.ctrl(self.edit.doc, 13, function() {
                                            self.sync();
                                            K('form[name=example]')[0].submit();
                                        });
                                    }
                                });
                                prettyPrint();
                            });
                        </script>
                    </td>
                </tr>

                <tr>
                    <td></td>
                    <td><input class="btn " value="提交"  type="submit" >
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>
<div class="clear"></div>

<script type="application/javascript">
    var ue1 = UE.getEditor('editors');
    var FieldCount = 1;
    $(document).ready(function() {
        var MaxInputs = 10; //maximum input boxes allowed
        var InputsWrapper = $("#InputsWrapper"); //Input boxes wrapper ID
        var AddButton = $("#AddMoreFileBox"); //Add button ID
        var x = InputsWrapper.length; //initlal text box count
        $(AddButton).click(function (e)  //on add input button click
        {
            if (FieldCount < MaxInputs) //max input box allowed
            {
                //text box added increment
                //add input box  Text '+ FieldCount +'
                var strAdd = '<div class="add_icon" style="display: inline-block; position: relative;">'+
                    '<input class="inpMain"  type="text" name="key_word[]" id="field_' + FieldCount + '" value=""/>'+
                    '<a href="#" class="removeclass del_style delete_icon" onClick="deleteFn(event)">×</a>'+
                    '</div>';
                $(AddButton).before(strAdd);

                FieldCount++; //text box increment
            }
            return false;
        });
    });
    function deleteFn(e, sum){
        console.log(FieldCount)
        console.log($(e.target).parent('.add_icon'));
        $(e.target).parent('.add_icon').remove();
        FieldCount--;
    }

</script>
<script>
    $(document).ready(function(){
        $("#tid").change(function(){
            var fid = $(this).val();
            // console.log(fid);
            $.ajax({
                'url':'{:U("Goods/addType")}',//请求的url
                'type':'get',//请求类型
                'data':{parentId:fid},//附加参数
                'async':true,//异步处理
                'dataType':'json',//响应数据返回类型
                success:
                //data 响应数据
                    function(data){
                        $("#tid1 option").remove();//清除
                        console.log(data);//f12打印
                        var option = '<option value="">--请选择--</option>';
                        // //遍历
                        for(var i=0;i<data.length;i++){
                            //禁用
                            // $(".ss").attr("disabled",true);
                            //alert(data[i].name);
                            //把获取的数据存储在option标签里
                            option +='<option value="'+data[i].id+'">'+data[i].name+'</option>';
                            // alert(option);
                        }
                        //内部插入到第一个select
                        $("#tid1").append(option);
                        $("#tid1").css('display',"inline-block");
                    },
                error:
                    function () {
                        alert("Ajax响应失败");
                    }
            });
        });
        $("#tid1").change(function(){
            var fid = $(this).val();
            console.log(fid);
            $.ajax({
                'url':'{:U("Goods/addType")}',//请求的url
                'type':'get',//请求类型
                'data':{parentId:fid},//附加参数
                'async':true,//异步处理
                'dataType':'json',//响应数据返回类型
                success:
                //data 响应数据
                    function(data){
                        $("#tid2 option").remove();
                        console.log(data);
                        var option = '<option value="">--请选择--</option>';
                        // //遍历
                        for(var i=0;i<data.length;i++){
                            //禁用
                            // $(".ss").attr("disabled",true);
                            //alert(data[i].name);
                            //把获取的数据存储在option标签里
                            option +='<option value="'+data[i].id+'">'+data[i].name+'</option>'
                            // alert(option);
                        }
                        //内部插入到第一个select
                        $("#tid2").append(option);
                        $("#tid2").css('display',"inline-block");
                    },
                error:
                    function () {
                        alert("Ajax响应失败");
                    }
            });
        });
    });
</script>
    <script>
        $(document).ready(function(){

            $("#yy").change(function(){
                var fid = $(this).val();
                // console.log(fid);

                $.ajax({
                    'url':'{:U("Goods/addType1")}',//请求的url
                    'type':'get',//请求类型
                    'data':{parentId:fid},//附加参数
                    'async':true,//异步处理
                    'dataType':'json',//响应数据返回类型
                    success:
                    //data 响应数据

                        function(data){
                            $("#yy1 option").remove();//清除
                            console.log(data);//f12打印
                            var option = '<option value="">--请选择--</option>';
                            // //遍历
                            for(var i=0;i<data.length;i++){
                                //禁用
                                // $(".ss").attr("disabled",true);
                                //alert(data[i].name);
                                //把获取的数据存储在option标签里
                                option +='<option value="'+data[i].id+'">'+data[i].name+'</option>';
                                // alert(option);
                            }
                            //内部插入到第一个select
                            $("#yy1").append(option);
                            $("#yy1").css('display',"inline-block");
                        },
                    error:
                        function () {
                            alert("Ajax响应失败");
                        }
                });
            });

            $("#yy1").change(function(){
                var fid = $(this).val();
                console.log(fid);
                $.ajax({
                    'url':'{:U("Goods/addType2")}',//请求的url
                    'type':'get',//请求类型
                    'data':{parentId:fid},//附加参数
                    'async':true,//异步处理
                    'dataType':'json',//响应数据返回类型
                    success:
                    //data 响应数据
                        function(data){
                            $("#yy2 option").remove();
                            console.log(data);
                            var option = '<option value="">--请选择--</option>';
                            // //遍历
                            for(var i=0;i<data.length;i++){
                                //禁用
                                // $(".ss").attr("disabled",true);
                                //alert(data[i].name);
                                //把获取的数据存储在option标签里
                                option +='<option value="'+data[i].id+'">'+data[i].name+'</option>'
                                // alert(option);
                            }
                            //内部插入到第一个select
                            $("#tid2").append(option);
                            $("#tid2").css('display',"inline-block");
                        },
                    error:
                        function () {
                            alert("Ajax响应失败");
                        }
                });
            });
        });

    </script>

    <script>
        var isclick=true;
        var img_list = [];
        $('#pic').change(function(event) {
            var picFileList = $("#pic").get(0).files;
            var formData = new FormData();
            for(var i=0; i< picFileList.length; i++){
                formData.append("file"+i , picFileList[i] );
                if(i=='9'){
                    alert('Up to nine images can be uploaded at a time');
                    return;
                }
            }
            // console.log(formData);
            $.ajax({
                url: "{:url('Goods/uploadPic')}",
                type:'POST',
                data:formData,
                cache: false,
                contentType: false,    //不可缺
                processData: false,    //不可缺
                success:function(data){
                    // console.log(data);
                    layer.msg(data.info);
                    img_list.push(data.path);
                    // console.log(data.path);
                    // console.log(data.img_list);
                    for(var i=0;i<data.path.length;i++){
                        var html='<img class="pic"  style="float:left;width:140px;height:140px" src="/public'+data.path[i]+'"> ' +
                            '<input type="hidden" name="img_list[]" value="'+data.path[i]+'"/>'
                        $('#addfile').prepend(html)
                    }
                }
            });
        });
    </script>
<include file="application/walletyhbbadmin/view/public/foot.html" />
<!-- dcFooter 结束 -->
<div class="clear"></div>
</div>
</body>

</html>